<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <title>账册管理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <%@include file="/WEB-INF/pages/common/taglib.jsp" %>
    <%@include file="/WEB-INF/pages/common/common.jsp" %>
    <script type="text/javascript" src="${basePath}/js/ecommerce.js"></script>
    <style type="text/css">
        .table1 {
            width: auto;
        }

        tbody {
            border: solid #ccc 1px;
            width: 100%;
        }

        .table1 tr {
            border: solid #ccc 1px;
            width: 100%;
        }

        .table1 tr th {
            min-width: 80px;
            width: auto;
        }

        .table1 tr td input {
            width: 100%;
        }

    </style>
</head>
<body>
<br>
<div class="content content_frame">
    <h3 class="mainTitle"><img src="${basePath}/images/icon2.png"/>账册管理</h3>
    </br>
    <ul class="contentNav dib-wrap">
        <li class="dib" id="btnSearch" defaultkey='13'>
            <a><i class='fa fa-search'></i>&nbsp;&nbsp;查&nbsp;询 </a>
        </li>
        <li class="dib ">
            <a onclick="ClearAllInput('SearchTable')">
                <i class='fa fa-refresh'></i>&nbsp;&nbsp;重&nbsp;置 </a>
        </li>
        <li class="dib" id="btnSynchronization">
            <a>
                <i class='fa fa-cloud-download'></i>&nbsp;&nbsp;同步账册数据&nbsp;</a>
        </li>
    </ul>
    <br/>

    <form id="SearchTable">
        <table class="table1" style="display: block">
            <tbody>
            <tr>
                <th>
                    账册编号
                </th>
                <td with="300">
                    <input type="text" placeholder="账册编号" datafield="SearchTable.eBillingNo"/>
                </td>
                <th>
                    预录入号
                </th>
                <td with="300">
                    <input type="text" placeholder="预录入号" datafield="SearchTable.preNo"/>
                </td>
                <th>
                    经营单位名称
                </th>
                <td with="300">
                    <input type="text" datafield="SearchTable.enterpriseName"/>
                </td>
                <th>
                    经营单位编码
                </th>
                <td with="300">
                    <input type="text" placeholder="经营单位编码" datafield="SearchTable.enterpriseCode"/>
                </td>
            </tr>
            <tr>
                <th>
                    结束有效期
                </th>
                <td with="300">
                    <input type="text" placeholder="起始时间" style="width: 100%;" class="Wdate"
                           onclick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'expiresEnd\')}'})"
                           timeformat="YYYY-MM-DD HH:MM:SS" id="expiresStart"
                           datafield="SearchTable.expiresStart"/></td>
                <th>
                    至
                </th>
                <td with="300">
                    <input type="text" style="width: 100%;" placeholder="结束时间" class="Wdate"
                           onclick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'expiresEnd\')}'})"
                           timeformat="YYYY-MM-DD HH:MM:SS" id="expiresEnd"
                           datafield="SearchTable.expiresEnd"/></td>
                <th>
                    备案日期
                </th>
                <td with="300">
                    <input type="text" placeholder="起始时间" style="width: 100%;" class="Wdate"
                           onclick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'decDateEnd\')}'})"
                           timeformat="YYYY-MM-DD HH:MM:SS" id="decDateStart"
                           datafield="SearchTable.decDateStart"/></td>
                <th>
                    至
                </th>
                <td with="300">
                    <input type="text" style="width: 100%;" placeholder="结束时间" class="Wdate"
                           onclick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'decDateEnd\')}'})"
                           timeformat="YYYY-MM-DD HH:MM:SS" id="decDateEnd"
                           datafield="SearchTable.decDateEnd"/></td>
            </tr>
            </tbody>
        </table>
    </form>
    </br>
    <table id="corptable">
    </table>
    <div id="corptablePage">
    </div>
</div>
<script type="text/javascript">

    function urlCode(cellvalue, options, rowObject) {
        cellvalue = cellvalue || '';
        cellvalue = $.trim(cellvalue);

        var url = '${basePath}/eBilling/getTElectronicBillingDetail?eBillingNo=' + rowObject.eBillingNo;
        return "<a class='btn-link' href=\"" + url + "\">" + "<span style='color:#00acec'>" + cellvalue + "</span></a>";
    }

    $(function () {
        $("#corptable").jqGrid({
            datatype: "json",
            url: $basePath + "/eBilling/qryTElectronicBillingPage",
            colNames: [
                '账册编号',
                '预录入号',
                '申报类型',
                '经营单位名称',
                '经营单位编码',
                '结束有效期',
                '备案日期',
                '状态'
            ],
            colModel: [
                {name: 'eBillingNo', key: true, index: 'eBillingNo', formatter: urlCode},
                {name: 'preNo', index: 'preNo'},
                {name: 'decType', index: 'decType'},
                {name: 'enterpriseName', index: 'enterpriseName'},
                {name: 'enterpriseCode', index: 'enterpriseCode'},
                {name: 'expires', index: 'expires'},
                {name: 'decDate', index: 'decDate'},
                {name: 'decStatus', index: 'decStatus'}
            ],
            viewrecords: true,
            autowidth: true,
            height: 'auto',
            shrinkToFit: false,
            autoScroll: true,
            rowNum: 10, //每页显示记录数
            rowList: [10, 20, 100], //可调整每页显示的记录数
            rownumWidth: 30,
            multiselect: true,
            width: $('body').width(),
            pager: "#corptablePage", //分页工具栏
            loadComplete: function () {
                var rowNum = $(this).jqGrid('getGridParam', 'records');
                if (rowNum <= 0) {
                    if ($(this).parent().children('.norecords').length == 0)
                        $(this).parent().append("<div class=\"norecords\">暂无数据！</div>");
                    $(this).parent().children('.norecords').show();
                }
                else {//如果存在记录，则隐藏提示信息。
                    $(this).parent().children('.norecords').hide();
                }

                $("#corptable").setGridWidth($(window).width() - 2);
                $(".ui-jqgrid tr.ui-row-ltr td").css('text-align', 'center');
            }
        });
    });

    function reloadGrid() {
        var jsonStr = customFormToData("SearchTable");
        $("#corptable").jqGrid('setGridParam', {
            url: $basePath + "/eBilling/qryTElectronicBillingPage",
            postData: JSON.parse(jsonStr), //发送数据
            page: 1
        }).trigger("reloadGrid"); //重新载入
    }

    $(function () {
        $("#btnSearch").bind("click", function () {
            reloadGrid();
        });
        $("#btnSynchronization").bind("click", function () {
            layer.confirm('确定从H2000拉取数据？可能耗时较长，请耐心等待', {
                btn: ['确定', '取消'] //按钮
            }, function () {
                ShowMessages("同步成功，暂时没有数据可以同步", "系统提示", "msgwaring", null, 0);
            }, function () {
            });
        });


        $("#btnModify").bind("click", function () {
            var selectedIDs = $("#corptable").getGridParam("selarrrow");
            if (0 == selectedIDs.length) {
                ShowMessages("对不起,您必须先选择一条记录", "系统提示", "msgwaring", null, 0);
            } else {
                if (1 != selectedIDs.length) {
                    ShowMessages("对不起,您只能选中一条记录", "系统提示", "msgwaring", null, 0);
                } else {
                    location.href = "${basePath}/eBilling/getTElectronicBillingDetail?eBillingNo=" + selectedIDs[0];
                }
            }
        });

        $("#btnReset").bind("click", function () {
            document.forms[0].reset();
        });
    });

</script>
</body>
</html>
